<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
	$(function() {
		$('#container').highcharts({
			chart : {
				type : 'bar'
			},
			title : {
				text : 'Historic World Population by Region'
			},
			subtitle : {
				text : 'Source: Wikipedia.org'
			},
			xAxis : {
				categories : [ 'Africa', 'America', 'Asia', 'Europe', 'Oceania' ],
				title : {
					text : null
				}
			},
			yAxis : {
				min : 0,
				title : {
					text : 'Population (millions)',
					align : 'high'
				},
				labels : {
					overflow : 'justify'
				}
			},
			tooltip : {
				valueSuffix : ' millions'
			},
			plotOptions : {
				bar : {
					dataLabels : {
						enabled : true
					}
				}
			},
			legend : {
				layout : 'vertical',
				align : 'right',
				verticalAlign : 'top',
				x : -100,
				y : 100,
				floating : true,
				borderWidth : 1,
				backgroundColor : '#FFFFFF',
				shadow : true
			},
			credits : {
				enabled : false
			},
			series : [ {
				name : 'Year 1800',
				data : [ 107, 31, 635, 203, 2 ]
			}, {
				name : 'Year 1900',
				data : [ 133, 156, 947, 408, 6 ]
			}, {
				name : 'Year 2008',
				data : [ 973, 914, 4054, 732, 34 ]
			} ]
		});
	});
</script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
